import { createRouter, createWebHistory } from 'vue-router'

import ListView from '@/views/inspect/List.vue'
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/list'
    },
    {
      path: '/hooks',
      name: 'hooks',
      component: () => import('@/views/hook/index.vue')
    },
    {
      path: '/list',
      name: 'list',
      component: ListView
    },
    {
      path: '/test1',
      name: 'test1',
      component: () => import('@/views/test/index.vue')
    },
    {
      path: '/test2',
      name: 'test2',
      component: () => import('@/views/test2/index.vue')
    },
    {
      path: '/echarts',
      name: 'echarts',
      component: () => import('@/views/echarts/index.vue')
    },
    {
      path: '/animate',
      name: 'animate',
      component: () => import('@/views/animate/index.vue')
    },
    {
      path: '/animate/fireworks',
      name: 'animateFireworks',
      component: () => import('@/views/animate/fireworks.vue')
    },

    {
      path: '/d3',
      name: 'd3',
      component: () => import('@/views/d3/index.vue')
    },
    {
      path: '/d3Line',
      name: 'd3Line',
      component: () => import('@/views/d3/index2.vue')
    },
    {
      path: '/gate',
      name: 'gate',
      component: () => import('@/views/gate/index.vue')
    },
    {
      path: '/value2',
      name: 'value2',
      component: () => import('@/views/value2/index.vue')
    },
    {
      path: '/scroll',
      name: 'scroll',
      component: () => import('@/views/scroll/index.vue')
    },
    {
      path: '/scroll/position',
      name: 'scrollPosition',
      component: () => import('@/views/scroll/position.vue')
    },
    {
      path: '/css/table',
      name: 'cssTable',
      component: () => import('@/views/css/table.vue')
    },
    {
      path: '/css/grid',
      name: 'cssGrid',
      component: () => import('@/views/css/grid.vue')
    },
    {
      path: '/async/asyncRender',
      name: 'asyncRender',
      component: () => import('@/views/async/asyncRender/index.vue')
    }
  ]
})

export default router
